/**
 * firstElementChild只读属性：是一个Element, 直接获取该元素下第一个子元素，如果为null表示不存在.
 * lastElementChild只读属性：是一个Element,直接获取该元素下最后一个子元素，如果为null表示不存在.
 * nextElementSibling只读属性：是一个Element,该元素下一个兄弟节点，如果为null表示不存在.
 * previousElementSibling只读属性：是一个Element,该元素上一个兄弟节点，如果为null表示不存在.
 **/
var box = document.getElementById('box');
console.log(box.firstElementChild.nodeName);//SPAN  获取id为box的元素下的第一个子元素
console.log(box.lastElementChild.nodeName);// P
console.log(box.nextElementSibling.nodeName);//A
console.log(box.previousElementSibling.nodeName);//EM